<template>
  <div class="about">
    <h1>This is an about page</h1>

    <BaseLayout>
      <!--      <template v-slot:header>-->
      <h1 slot="header">{{ `11111我是具名header插槽的内容` }}</h1>
      <!--      </template>-->
      我是正常的内容
      <!--      <template v-slot:footer>
        <h1>{{ `我是具名footer插槽的内容` }}</h1>
      </template>-->
      <template #footer>
        <h1>{{ `####我是具名footer插槽的内容` }}</h1>
      </template>
    </BaseLayout>

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <hr />
    <!--    <NavigationLink text="我是从props来的值" />-->
    <!--    <NavigationLink src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />-->
    <NavigationLink>
      <img
        src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
        alt=""
      />
    </NavigationLink>
    <br />
    <NavigationLink> 我是一个链接 {{ count }} </NavigationLink>
    <br />
    <NavigationLink></NavigationLink>
  </div>
</template>

<script>
import NavigationLink from "@/components/NavigationLink";
import BaseLayout from "@/components/BaseLayout";

export default {
  components: {
    NavigationLink,
    BaseLayout,
  },
  data() {
    return {
      count: 123,
    };
  },
};
</script>
